<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h2>王发发</h2>
    <h3>王发发二号</h3>
    <!-- type='module' 写法是在2015以后出的 2015以前是没有的 -->
    <!-- 2015以前的浏览器不支持这个写法 -->
    <!-- 所以我们要把这种模块化写法 转换成非模块化的写法 这个时候就要用到我们的webpack打包工具了 -->
    <!-- 我们写代码的时候用模块化的方式来写 但浏览器不支持模块化的代码的解析 -->
    <!-- 这个时候我们就要借助webpack打包工具把我们模块化的代码打包成非模块化的代码 -->
    <!-- 就算我们写再多的js文件，都可以借助webpack将其打包成一个 -->
    <script src="./dist/bundel.js"></script>
</body>
</html>